.vpt-modal-base {
  .ant-modal-content {
    box-shadow: inset 0 -1px 0 0 #ffffff33;
    border: 1px solid #4895e899;
    // background-color: #ffffff00;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    // background-image: url(../../../assets/img/theme1/base-model.png);
  }
}

.vpt-modal-base-self-bg {
  z-index: 999;
  // font-family: HarmonyOS_Sans_SC_Medium;
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  height: 100%;
  background: rgba(29, 33, 41, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;

  .vpt-modal-base-self {
    margin: 0 auto;
    position: relative;
    box-shadow: inset 0 -1px 0 0 #ffffff33;
    background: #fff;
    border-radius: 0.05rem;
    // border: 0.01rem solid #0A3268;
    padding: 0.16rem;
    z-index: 999;

    .vpt-img {
      width: 0.18rem;
    }

    .vpt-modal-base-self-header {
      display: flex;
      height: 0.2rem;
      justify-content: space-between;
      padding-bottom: 0.16rem;

      .vpt-title {
        font-weight: 500;
        color: #151A24;
        font-size: 0.16rem;
      }

      .vpt-close {
        cursor: pointer;

        img {
          width: 0.16rem;
          height: 0.16rem;
          cursor: pointer;
        }
      }
    }

    .vpt-modal-base-self-body {
      // padding-top: 0.2rem;
    }
  }
}